
.container .content header .left h1 a{
	color: #1D2129;
	font-size: 24px;
	font-weight: 600;
	cursor: pointer;
}
.container .content header .left h1.active{
	color: #165DFF;
	text-decoration: underline;
	font-size: 28px;
}
.container .content header .left h1.gap{
	margin-right: 16px;
}
.PLcont-top{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.PLcont-top >div{
  width: calc((100% - 24px)/3);
  padding: 12px 16px;
  color: #FFFFFF;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}
.PLcont-top div >p{
  font-size: 16px;
  font-family: PingFang SC-Medium, PingFang SC;
  line-height: 24px;
}
.PLcont-top .shouru{
  background-color: #0ECCCC;
}
.PLcont-top .zhichu{
  background-color: #F0B828;
}
.PLcont-top .EMIS{
  background-color: #9D63E3;
}
.PLcont-top .detail{
  width: 100%;
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
}
 .detail div p{
   font-size: 14px;
   font-family: PingFang SC-Regular, PingFang SC;
   line-height: 22px;
} 
.detail div div{
  font-size: 12px;
  font-family: PingFang SC-Regular,   PingFang SC;
  font-weight: 400;
} 
.detail div div >span{
  font-size: 18px;
  font-family: Helvetica Neue-Medium, Helvetica Neue;
  font-weight: 600;
}  
.detail .rate{
  display: flex;
  align-items: center;
}
.pie {
  width: 42px;
  height: 42px;
  overflow: hidden;
  /* transform: rotate(160deg); */
  margin-left: 18px;
}
.PLcont-two , .PLcont-three{
  height: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}
.PLcont-two >div{ 
  width: calc(( 100% - 12px ) / 2); 
  /* height: 100%; */
  background-color: #FFFFFF; 
  padding: 16px;
  border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px;
}
.PLcont-three >div{ 
  width: calc(( 100% - 24px ) / 3); 
  height: 100%;
  background-color: #FFFFFF; 
  padding: 16px;
  border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px;
}
.PLcont-two h4 , .PLcont-three h4,.PLcont-table h4{
  font-size: 16px;
  font-family: PingFang SC-Medium,  PingFang SC;
  font-weight: 600;
  color: #1D2129;
  line-height: 24px;
}
.legend{
  /* display: flex; */
  /* align-items: center; */
  /* margin: 0 12px; */
  width: 56%;
  height: 100%;
  overflow-x: hidden; 
  flex-wrap: wrap; 
  margin-left: -3%;
}
.legend div{
 /* width: 50%; */
}
.legend .item-list{
  display: flex;
  justify-content: space-between;
  padding: 12px 0 ;
  border-bottom: 1px solid #E5E6EB;
  width: 175px;
  margin:0 12px;
}
.legend .item{
  padding: 0 8px;
  font-size: 14px;
  font-family: PingFang SC-Regular,   PingFang SC;
  font-weight: 400;
  color: #4E5969;
  line-height: 22px;
  border-left: 4px solid;
  /* border-color: #165DFF; */
}
.legend .item-num{
  font-size: 16px;
  font-family: Helvetica Neue-Medium,   Helvetica Neue;
  font-weight: 500;
  color: #1D2129;
  line-height: 24px;
}
#rwhyingshouMoney,
/* #badachengben, */
#rwhshijiMoney,
#bmshijiMoney,
#nianduSJ,
#nianduEMIS,
#nianduJS
{
width: 100%;
height: 300px;
}
.PLcont-table{
  margin-top: 12px;
}
.PLcont-table >div{ 
  width: 100%; 
  height: 100%;
  background-color: #FFFFFF; 
  padding: 16px;
  border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px;
}
.color1{
  border-left: 4px solid #165DFF;
}
.color2{
  border-left: 4px solid #50CD89;
}
.color3{
  border-left: 4px solid #722ED1;
}
.color4{
  border-left: 4px solid #FD7E14;
}
.color5{
  border-left: 4px solid #0DCAF0;
}
.color6{
  border-left: 4px solid #479F76;
}
.color7{
  border-left: 4px solid #D91AD9;
}
.color8{
  border-left: 4px solid #65789B;
}

/* table */
.typical_content {
  margin-top: 12px;
  overflow: auto;
  width: 100%;
  /* height: calc(100% - 80px); */
  border: 1px solid #C5D7FF;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}
.layui-table-view {
 margin: 0;
 border: none
}
.layui-table-header th{
  background-color: #DCE7FF;
  border-color: #C5D7FF;
  border-bottom-width: 2px;
  font-size: 14px;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 500;
  color: #1D2129;
  line-height: 22px;
}
.layui-table td:nth-child(n+7){
  text-align: right;
}
.layui-table-view .layui-table td {
  padding: 6px 0;
  border-left: 1px solid #C5D7FF;
}
.layui-table td{
  border-color: #C5D7FF;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #4E5969;
  line-height: 22px;
}
.rwh{
  font-size: 14px;
  font-family: Helvetica Neue-MediHelvetica Neue;
  font-weight: 500;
  color: #1D2129;
  line-height: 22px;
}
.diff{
  text-decoration: underline;
  color: #165DFF;
  cursor: pointer;
}
.diff:hover {
  color: #165DFF;
}

#year1{
  position: relative;
  height: 36px;
  min-width: 120px;
  padding-right: 20px;
  background: #F2F3F5 url(../images/nav/arrows-v.svg) no-repeat 96% center;
  background-size: 12px auto;
  border-radius: 4px;
 text-align: center;
 line-height: 36px;
 font-size: 14px;
 cursor: not-allowed;
}
.inputMask{
  position: absolute;
  background-color: #EEEEEE;
  opacity: 0.5;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
}







.layui-laypage {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 10px;
  margin: 0;
}
.layui-laypage .layui-laypage-count {
  position: absolute;
  left: 20px;
  top: 10px;
  color: #1D2129;
  font-size: 14px;
}
.layui-laypage .layui-laypage-limits {
  position: absolute;
  left: 90px;
  top: 10px;
  color: #1D2129;
  font-size: 14px;
}
.layui-laypage select {
  padding: 3px 10px;
}
.layui-laypage .layui-laypage-skip {
  color: #86909C;
  font-size: 14px;
}
.layui-laypage input:focus,
.layui-laypage select:focus {
  border-color: #165DFF !important;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
  background: #E8F3FF !important;
  border-radius: 2px;
}
.layui-laypage .layui-laypage-curr em {
  color: #165DFF;
  font-weight: 600;
  font-size: 14px;
}
.layui-laypage a:hover {
  color: #165DFF;
}
.layui-laypage a {
  font-size: 14px;
  color: #4E5969;
  font-weight: 600;
}
.layui-laypage a,
.layui-laypage button,
.layui-laypage input,
.layui-laypage select,
.layui-laypage span {
  border: none;
}
.layui-laypage select,
.layui-laypage input {
  background: #F2F3F5;
  border-radius: 2px;
  color: #1D2129;
  font-size: 14px;
  height: 22px;
}
.layui-laypage input {
  height: 28px;
  line-height: 28px;
  border-radius: 2px;
  margin: 0 8px;
}
.layui-laypage-skip .layui-laypage-btn {
  background: #E8F3FF;
  height: 28px;
  line-height: 28px;
  border-radius: 2px;
  color: #165DFF;
}
.layui-laypage a,
.layui-laypage span {
  margin-bottom: 0;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
  top: 0;
  left: 0;
  padding: 0;
}





/* 遮罩层1 */
.All-IncomingPayment-Mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  background-color: rgba(29, 33, 41, 0.60);
  display: none;
}

.All-IncomingPayment-Mask-Content {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  margin: 0 auto;
  width: 55%;
  /* height: 55%; */
  position: relative;
  padding: 16px;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.10);
  flex-direction: column;
}

.All-IncomingPayment-Mask-Content .chatrts-title {
  display: flex;
  justify-content: space-between;
  padding-bottom: 16px;
  border-bottom: 1px solid #E5E6EB;
  font-size: 18px;
}

.All-IncomingPayment-Mask-Content .chatrts-title>div {
  width: 20px;
  height: 20px;
  cursor: pointer;
  text-align: center;
}

.All-IncomingPayment-Mask-Content .chatrts-content {
  margin-top: 10px;
  width: 100%;
  /* height: 90%; */
}

.All-IncomingPayment-Mask-Content .chatrts-content>h3 {
  font-weight: 600;
  margin-bottom: 12px;
}


.search>div.section2 {
	position: relative;
}

.search>div.section2 .sector {
	height: 36px;
	min-width: 120px;
	/* max-width: 180px; */
	padding-right: 20px;
	background: #F2F3F5 url(../images/nav/arrows-v.svg) no-repeat 96% center;
	background-size: 12px auto;
	cursor: pointer;
	border-radius: 4px;
}

.search>div.section2 .sector div {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	/* overflow: hidden; */
}

.search>div.section2 .sector span {
	color: #1D2129;
	font-size: 14px;
	background: #F2F3F5;
	border-radius: 2px;
	margin-right: 3px;
	padding: 3px 8px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	white-space: nowrap;
}

.search>div.section2 .options {
	width: 100%;
	max-height: 288px;
	overflow-y: auto;
	position: absolute;
	top: 36px;
	left: 0;
	background: #FFFFFF;
	z-index: 100;
	box-shadow: 0 4px 10px 1px rgba(0, 0, 0, 0.1);
	display: none;
}

.search>div.section2 .options div {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 36px;
	padding: 0 12px;
	cursor: pointer;
}

.search>div.section2 .options div i {
	width: 14px;
	height: 14px;
	position: relative;
	margin-right: 5px;
}

.search>div.section2 .options div i::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/nav/checkbox-moren@2x.png) no-repeat left top;
	background-size: 100% 100%;
}



.search>div.section2 .options div.half i::after {
	background: url(../images/nav/checkbox-banxuan@2x.png) no-repeat left top;
	background-size: 100% 100%;
}

.search>div.section2 .options div.checked i::after {
	background: url(../images/nav/checkbox-xuanzhong@2x.png) no-repeat left top;
	background-size: 100% 100%;
}

.search>div.section2 .options div p {
	color: #1D2129;
	font-size: 14px;
}


/* 没有明细表数据 */
.noData{
  text-align: center;
  margin:5%;
  font-size: 18px;
  color: #4E5969;
}